<!DOCTYPE html>
<html lang="en">

<!-- begin::Head -->
<head>
    @include("../common/meta.html"){}
    <title>500 - ${projectName()}</title>
    @include("../common/base-styles.html"){}
</head>
<!-- end::Head -->

<!-- begin::Body -->
<body class="e-page--loading">
<!-- begin:: Page -->
<div class="e-grid e-grid--ver e-grid--root">
    @if(isNotEmpty(isDev) && isDev){
    <div class="card">
        <div class="card-head">
            <div class="card-head-label">
                <h3 class="card-head-title">
                    500
                </h3>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-2">
                    <p class="lead text-right">Url: </p>
                </div>
                <div class="col-10">
                    <p class="lead">${path}</p>
                </div>
                <div class="col-2">
                    <p class="lead text-right">Message: </p>
                </div>
                <div class="col-10">
                    <p class="lead">${message}</p>
                </div>
                <div class="col-2">
                    <p class="lead text-right">Trace: </p>
                </div>
                <div class="col-10">
                    <p class="lead" id="trace">
                        ${strutil.replace(trace, '\n\t', '<br>')}
                    </p>
                </div>
        </div>
    </div>
    @}else{
    <div class="e-grid-item e-grid-item--fluid e-grid e-error" style="background-image: url(${ctxPath}/static/media/error/error.svg);">
        <div class="e-error-container">
            <div class="e-error-icon" style="background-image: url(${ctxPath}/static/media/error/500.svg)"></div>
            <p class="e-error-description">
                服务器开小差了，请等等再试吧
            </p>
        </div>
    </div>
    @}
</div>
<!-- end:: Page -->
@include("../common/base-scripts.html"){}
<#script src="static/global/500.js" />
</body>
<!-- end::Body -->
</html>